import { observer } from "mobx-react-lite";
import { useStore } from "../../store"
import { PropertyType } from "../../stores/propertyStore";
import { BoneProperty } from "./BoneProperty";
import { SlotProperty } from "./SlotProperty";
import { ArmatureProperty } from "./ArmatureProperty";

const Property = observer((props: any) => {
    const { propertyStore } = useStore();

    if (propertyStore.type == PropertyType.Bone) {
        return <BoneProperty></BoneProperty>;
    } else if (propertyStore.type == PropertyType.Slot) {
        return <SlotProperty></SlotProperty>;
    } else if (propertyStore.type == PropertyType.Armature) {
        return <ArmatureProperty></ArmatureProperty>;
    }

    return (
        <div></div>
    )
})

export { Property }